const { defineConfig } = require('@vue/cli-service');
module.exports = defineConfig({
  transpileDependencies: true,
  //  Vue开发中如何解决跨域
  // 通过服务器代理
  // 注意点：一旦修改配置，一定要重启服务
  devServer: {
    // proxy 代理  
    proxy: {
      // 访问多个服务器可以有多个
      '/api': {
        // 这个是真实的接口
        target: "http://kumanxuan1.f3322.net:8809",
        /**
         *  如果需要开发服务器与生产服务器切换
         * 方式1：手动的更改地址
         * 方式2：配置环境变量（开发，生产，测试）
         * 定义环境：根目录 .env.dev  , .env.prod
         * 定义环境变量：VUE_APP_xxxx 
         * 设置启动模式： --mode dev
         * 通过启动通过命令来区分环境 从而自动切换地址
         */
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
});
